﻿/*
* @Author: lungin
* @Date:   2016-08-09 13:54:27
* @Last Modified by:   lungin
* @Last Modified time: 2016-12-05 09:54:29
*/

/* basic style */
.annualfee_page{padding-bottom: 40px; background: #181308 url(../images/nbg.jpg) no-repeat center top;}

.anf_sec{margin-bottom: 40px;}
.anf_sec .sec_hd{position: relative; overflow: hidden; margin-bottom: 17px; color: #a28a69; font-size: 12px;}
.anf_sec .sec_hd a{margin-left: 20px; color: #a28a69;}
.anf_sec .sec_hd a:hover{text-decoration: underline;}
.anf_sec .sec_hd h3{float: left; margin-right: 12px; color: #d6ba81; height: 24px; width: 367px; line-height: 24; background: url(../images/spr24_anf.png) no-repeat;}
.anf_sec .sec_hd .hd_1{background-position: 0 -100px;}
.anf_sec .sec_hd .hd_2{background-position: 0 -125px;}
.anf_sec .sec_hd .hd_3{background-position: 0 -150px;}
.anf_sec .sec_hd .hd_4{background-position: 0 -175px;}
.anf_sec .sec_hd .sub_txt{float: left; padding-top: 10px;}
.anf_sec .sec_hd .link_wp{float: right; padding-top: 10px;}

a.btn_buy{display: block; margin: 0 auto; background: #e41e27; color: #fff; font-size: 24px; text-align: center; transition: .2s;}
a.btn_buy:hover{color: #fff; background: #f7222c;}

.hide{position: absolute; left: -999px;}
/* basic style end */

/* header */
.anf_hd{position: relative; height: 469px;}
.anf_hd .btn_anf_wp{position: relative; z-index: 1; top: 400px; margin: 0 auto; width: 280px; overflow: hidden; border-radius: 30px;}
.rock1,.rock2,.rock3{position: absolute; left: 0; min-width: 900px; width: 101%; background: url(../images/nspr24_rock.png) no-repeat;}
.rock1{top: 157px; height: 311px; background-position: center -350px;}
.rock2{top: 105px; height: 332px; background-position: center 0;}
.rock3{top: 94px; height: 304px; background-position: center -700px;}
/* header end */

/* section1 set meal */
.member_tabs{position: relative; z-index: 1; margin-bottom: 40px; height: 50px; border-top: 2px solid #a48342;}
.member_tabs li{float: left;}
.member_tabs .item a{display: block; width: 270px; height: 49px; background: url(../images/spr24_anf.png) no-repeat 9999px 9999px; font-size: 18px; color: #a28a69; line-height: 48px; padding-left: 26px;}
.member_tabs .item.on a{background-position: -500px -151px; color: #ffea96;}
.member_tabs .ico_pt32,.member_tabs .ico_super32,.member_tabs .ico_hao32{position: relative; top: 9px; display: inline-block; margin-right: 10px; width: 32px; height: 32px; vertical-align: top; background: url(../images/spr24_anf.png) no-repeat -450px -100px;}
.member_tabs .ico_super32{background-position: -450px -150px;}
.member_tabs .ico_hao32{background-position: -500px -100px;}
.goods_wp .tab_area{display: none;}
.setmeal{position: relative; padding-bottom: 40px; background: #1c1608; border-top: 1px solid #312816; border-bottom: 1px solid #1f190c;}
.setmeal:before,.setmeal:after{content: ""; position: absolute; top: 0; width: 1px; height: 100%; background: #1f190c url(../images/line.png) no-repeat;}
.setmeal:before{left: 0;}
.setmeal:after{right: 0;}
.goods_wp,.voucher_wp{padding-left: 4.17%; overflow: hidden;}
.voucher_wp{padding-top: 40px;}
.setmeal .img_wp .mark{position: absolute; left: -6px; top: 8px; padding: 6px 6px 0 0; width: 68px; height: 38px; font-size: 12px; line-height: 15px; background: url(../images/spr24_anf.png) no-repeat 0 -50px; text-align: center; overflow: hidden; color: #3d3421;}
.setmeal .goods{float: left; margin-right: 3.66%; width: 29.36%; text-align: center;}
.goods .img_wp{position: relative; margin-bottom: 8.33%; height: 270px; background: #3d3421 url(../images/bg_lines.png) no-repeat center top; background-size: 100% auto; border-radius: 8px;}
.goods .img_wp img{position: relative; top: 6.67%; margin: 0 auto; width: 65.28%;}
.goods .img_wp .hint_goods{position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 66px; background: #a38642; border-radius: 0 0 8px 8px;}
.goods .img_wp .hint_goods:after,.goods .img_wp .hint_goods:before{content: ""; position: absolute; top: -28px; width: 0; height: 0; border-width: 14px 84px; border-style: solid;}
.goods .img_wp .hint_goods:after{right: 0; border-color: transparent #a38642 #a38642 transparent;}
.goods .img_wp .hint_goods:before{left: 0; border-color: transparent transparent #a38642 #a38642;}
.goods .img_wp .tit{padding-top: 5px; margin-bottom: 6px; color: #fff; font-size: 16px;}
.goods .img_wp .price_em{display: inline-block; padding: 0 11px; line-height: 23px; color: #ffea8c; background: #d60008; border-radius: 3px; vertical-align: top;}
.goods .img_wp .price_delete{display: inline-block; padding: 0 9px; line-height: 23px; color: #ffe4aa; vertical-align: top; text-decoration: line-through;}
.pop_goods,.pop_voucher{display: none; position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 75%; text-align: left; background: #2f280c; background: rgba(47,40,12,.85); color: #fff; line-height: 26px; border-radius: 8px;}
.pop_voucher{padding: 0; height: 153px;}
.pop_goods p,.pop_voucher p{display: table-cell; vertical-align: middle; padding: 0 34px;}
.goods .img_wp:hover .pop_goods,.voucher .img_wp:hover .pop_voucher{display: table; -webkit-animation: arise .3s ease both; animation: arise .3s ease both;}
@-webkit-keyframes arise{
	0%{transform: scale(.5);}
	100%{transform: scale(1);}
}
@keyframes arise{
	0%{transform: scale(.5);}
	100%{transform: scale(1);}
}

.setmeal .voucher{float: left; margin-right: 4%; width: 20.91%; border-radius: 8px;}
.voucher .img_wp{position: relative; margin-bottom: 20px; padding-top: 30px; background: #302b1b url(../images/bg_voucher.png) no-repeat right top; border-radius: 8px;}
.voucher .img_wp:after,.voucher .img_wp:before{content: ""; position: absolute; z-index: 2; top: 144px; width: 16px; height: 16px; border-radius: 100%; background: #1c1608;}
.voucher .img_wp:before{left: -8px;}
.voucher .img_wp:after{right: -8px;}
.voucher .img_wp img{display: block; margin: 0 auto 30px; width: 66.67%;}
.voucher .img_wp .hint_goods{position: relative; z-index: 1; padding: 13px 10px 0; height: 57px; background: #877039; color: #f7e09a; font-size: 12px; border-radius: 0 0 8px 8px; text-align: center;}
.voucher .img_wp .tit{margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px;}
.setmeal .btn_get,.setmeal .btn_get_off{display: block; margin: 0 auto; width: 70.62%; height: 48px; border: 1px solid #e41e27; border-radius: 24px; font-size: 20px; line-height: 48px; text-align: center; transition: .2s;}
.setmeal .voucher .btn_get,.setmeal .voucher .btn_get_off{width: 89.17%; height: 42px; border-radius: 21px; font-size: 18px; line-height: 42px;}
.setmeal .btn_get:hover{background: #e41e27; color: #fff;}
.setmeal .btn_get_off,.setmeal .btn_get_off:hover{background: #7e7e7e; color: #1c1608; cursor: default; border-color: #7e7e7e;}
/* section1 set meal end */

/* section2 privilege */
.sec_privil{margin-bottom: 44px;}
.list_privil ul{overflow: hidden; margin-bottom: 30px;}
.list_privil li{float: left; margin-right: 1.66%; padding-top: 30px; width: 18.67%; height: 253px; background: #3d3421; text-align: center; color: #d6ba81; border-radius: 8px;}
.list_privil li:hover .ico_privil i{-webkit-animation: turn 1s both; animation: turn 1s both;}
@-webkit-keyframes turn{
	0%{-webkit-transform: rotateY(0);}
	100%{-webkit-transform: rotateY(360deg);}
}
@keyframes turn{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(360deg);}
}
.list_privil li .ico_privil{margin: 0 auto 17px; width: 100px; height: 100px; overflow: hidden; background: #211b0c; border-radius: 100%;}
.ico_privil i{display: block; width: 100%; height: 100%; background: url(../images/spr24_anf.png) no-repeat;}
.ico_privil .ico_nian{background-position: -100px 0;}
.ico_privil .ico_discount{background-position: -200px 0;}
.ico_privil .ico_growth{background-position: -300px 0;}
.ico_privil .ico_flow{background-position: -400px 0;}
.ico_privil .ico_space{background-position: -500px 0;}
.list_privil li .tit{font-size: 22px; color: #ceae62;}
.list_privil li .txt{margin: 15px auto 0; padding-top: 18px; width: 164px; border-top: 1px solid #4c422e; line-height: 18px;}
.list_privil .btn_buy{width: 362px; height: 70px; line-height: 70px; border-radius: 35px; font-size: 26px;}
/* section2 privilege end */

/* section3 rules */
.list_rules{margin-top: -7px;}
.list_rules li{padding-left: 1.2em; text-indent: -1.2em; line-height: 30px; color: #a28a69;}
.list_rules a:hover{text-decoration: underline;}
/* section3 rules end */

/* adaption */
.w1100 .goods .img_wp{height: 248px;}
.w1100 .voucher .img_wp .tit,.w1100 .voucher .img_wp .txt{position: static; width: 100%; margin: 0;}
.w1100 .voucher .img_wp:after,.w1100 .voucher .img_wp:before{top: 135px;}
.w1100 .pop_goods,.w1100 .pop_voucher{line-height: 24px;}
.w1100 .pop_voucher{height: 143px;}
.w1100 .pop_goods p,.w1100 .pop_voucher p{padding: 0 25px;}

.w1000 .goods .img_wp{height: 225px;}
.w1000 .voucher .img_wp .tit,.w1000 .voucher .img_wp .txt{position: static; width: 100%; margin: 0;}
.w1000 .voucher .img_wp:after,.w1000 .voucher .img_wp:before{top: 128px;}
.w1000 .pop_goods,.w1000 .pop_voucher{font-size: 12px; line-height: 22px;}
.w1000 .pop_voucher{height: 138px;}
.w1000 .pop_goods p,.w1000 .pop_voucher p{padding: 0 26px;}

.w900 .anf_sec .sec_hd .sub_txt{clear: both;}
.w900 .goods .img_wp{height: 203px;}
.w900 .goods .img_wp img{top: 4.67%; width: 63.28%;}
.w900 .voucher .img_wp .tit,.w900 .voucher .img_wp .txt{position: static; width: 100%; margin: 0;}
.w900 .voucher .img_wp:after,.w900 .voucher .img_wp:before{top: 120px;}
.w900 .pop_goods,.w900 .pop_voucher{font-size: 12px; line-height: 20px;}
.w900 .pop_goods{height: 64%;}
.w900 .pop_voucher{height: 128px;}
.w900 .pop_goods p,.w900 .pop_voucher p{padding: 0 16px;}
/* adaption end */
